<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米10 Pro、Redmi 10X、小米MIX Alpha，小米电视官方网站</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="headAD">
        <a href="index.html"></a>
    </div>
    <div class="head">
        <div class="nav clearfix">
            <div class="nav-left">
                <ul>
                    <li><a href="#">小米商城</a><span>|</span></li>
                    <li><a href="#">MIUI</a><span>|</span></li>
                    <li><a href="#">IoT</a><span>|</span></li>
                    <li><a href="#">云服务</a><span>|</span></li>
                    <li><a href="#">金融</a><span>|</span></li>
                    <li><a href="#">有品</a><span>|</span></li>
                    <li><a href="#">小爱开放平台</a><span>|</span></li>
                    <li><a href="#">企业团购</a><span>|</span></li>
                    <li><a href="#">资质证照</a><span>|</span></li>
                    <li><a href="#">协议规则</a><span>|</span></li>
                    <li><a href="#">下载app</a><span>|</span></li>
                    <li><a href="#">智能生活</a><span>|</span></li>
                    <li><a href="#">Select Location</a><span>|</span></li>
                </ul>
            </div>
            <div class="nav-car">
                <a href="#">
                    <em class="car"></em>
                    <em>购物车</em>
                </a>
                <div class="nav-car-list">
                    <p>购物车中还没有商品，赶紧选购吧！</p>
                </div>
            </div>
            <div class="nav-right">
                <ul>
                    <li><a href="#">登录</a><span>|</span></li>
                    <li><a href="#">注册</a><span>|</span></li>
                    <li><a href="#">消息通知</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-head clearfix">
            <div class="logo-box">
                <a href="index.html">
                    <div class="logo">
                        <img src="./images/mi-home.png" alt="MI">
                        <img src="./images/mi-logo.png" alt="MI">
                    </div>
                </a>
            </div>
            <div class="guid">
                <ul>
                    <li><a href="#">小米手机</a></li>
                    <li><a href="#">Redmi红米</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">智能硬件</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search-box">
                <input type="text" class="input" placeholder="耳机">
                <div class="search-icon"></div>
            </div>
        </div>
        <div class="content-list">
            <div class="list">
                <ul>
                    <li><a href="#">手机&nbsp;电话卡<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">电视&nbsp;盒子<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">笔记本&nbsp;显示器<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">家电&nbsp;插线板<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">出行&nbsp;穿戴<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">智能&nbsp;路由器<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">电源&nbsp;配件<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">健康&nbsp;儿童<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">耳机&nbsp;音箱<img src="./images/箭头.png"></img></a></li>
                    <li><a href="#">生活&nbsp;箱包<img src="./images/箭头.png"></img></a></li>
                </ul>
            </div>
            <div class="arror-left"><img src="./images/icon-slides.png" alt=""></div>
            <div class="arror-right"><img src="./images/icon-slides.png" alt=""></div>
            <div class="bg-picture">
                <a href="index.html"><img src="./picture/cba15ec5507c76e4ab1c36b71243e06f.jpg" alt=""></a>
            </div>
        </div>
        <div class="list-new clearfix">
            <div class="farst-content">
                <a href="#">
                    <div class="box">
                        <div class="mask"></div><img src="./picture/小米秒杀.png" alt=""><span>小米秒杀</span>
                    </div>
                </a>
                <a href="#">
                    <div class="box">
                        <div class="mask"></div><img src="./picture/企业团购.png" alt=""><span>企业团购</span>
                    </div>
                </a>
                <a href="#">
                    <div class="box">
                        <div class="mask"></div><img src="./picture/F码通道.png" alt=""><span>F码通道</span>
                    </div>
                </a>
                <a href="#">
                    <div class="box">
                        <div class="mask"></div><img src="./picture/米粉卡.png" alt=""><span>米粉卡</span>
                    </div>
                </a>
                <a href="#">
                    <div class="box">
                        <div class="mask"></div><img src="./picture/以旧换新.png" alt=""><span>以旧换新</span>
                    </div>
                </a>
                <a href="#">
                    <div class="box">
                        <div class="mask"></div><img src="./picture/话费充值.png" alt=""><span>话费充值</span>
                    </div>
                </a>
            </div>
            <div class="new">
                <img src="./picture/c0c05274f2fbb55fbccb89622f798907.jpg" alt="">
                <img src="./picture/b746a4db2e0473cc076a3a4b9bbe0235.jpg" alt="">
                <img src="./picture/816a66edef10673b4768128b41804cae.jpg" alt="">
            </div>
        </div>
    </div>
    <div class="main">
        <div class="miaosha">
            <div class="miaosha-title">
                <span>小米闪购</span>
                <div class="change clearfix">
                    <a href="#">
                        <div class="miaosha-pre">&lt;</div>
                    </a>
                    <a href="#">
                        <div class="miaosha-next">&gt;</div>
                    </a>
                </div>
            </div>
            <div class="miaosha-content clearfix">
                <div class="daojishi">
                    <div class="miaosha-num">00:00&nbsp;&nbsp;场</div>
                    <div class="miaosha-img"><img src="./images/闪电.jpg" alt=""></div>
                    <div class="miaosha-start">本场已结束</div>
                    <div class="miaosha-daojishi">
                        <span>00</span><em>:</em>
                        <span>00</span><em>:</em>
                        <span>00</span>
                    </div>
                </div>
                <div class="miaosha-shop">
                    <ul class="clearfix">
                        <li>
                            <a href="#">
                                <div class="miaosha-box">
                                    <div class="miaosha-goods-img">
                                        <img src="./picture/全面屏电视.jpg" alt="">
                                    </div>
                                    <h3>小米全面屏电视65英寸 E65C 灰色 65英寸</h3>
                                    <p class="desc">震撼大屏，时尚全面屏</p>
                                    <p class="price"><span>2677元</span><del>3099元</del></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="miaosha-box">
                                    <div class="miaosha-goods-img">
                                        <img src="./picture/小米头戴式蓝牙耳机 黑色.jpg" alt="">
                                    </div>
                                    <h3>小米头戴式蓝牙耳机 黑色</h3>
                                    <p class="desc">随时随地畅听好声音</p>
                                    <p class="price"><span>199元</span><del>299元</del></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="miaosha-box">
                                    <div class="miaosha-goods-img">
                                        <img src="./picture/摩摩哒舒压眼部按摩器.jpg" alt="">
                                    </div>
                                    <h3>摩摩哒舒压眼部按摩器</h3>
                                    <p class="desc">石墨烯热敷，震动按摩</p>
                                    <p class="price"><span>329元</span><del>399元</del></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="miaosha-box">
                                    <div class="miaosha-goods-img">
                                        <img src="./picture/Redmi 智能电视 X55 灰色 55英寸.jpg" alt="">
                                    </div>
                                    <h3>Redmi 智能电视 X55 灰色 55英寸</h3>
                                    <p class="desc">金属边框全面屏</p>
                                    <p class="price"><span>2166元</span><del>2299元</del></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="ad"><a href="#">
                <img src="./picture/6c907ad4004b32609a589bdada203443.webp" alt="">
            </a></div>
        <div class="main-shop">
            <div class="miaosha-title">
                <span>手机</span>
                <div class="more clearfix">
                    <a href="#">查看全部</a>
                </div>
            </div>
            <div class="shop-body clearfix">
                <div class="shop-img-left">
                    <a href="#">
                        <img src="./picture/小米MIX.webp" alt="">
                    </a>
                </div>
                <div class="shop-content-right">
                    <ul>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/小米10 至尊版.webp" alt="">
                                    <h3 class="ellipse">小米10 至尊版</h3>
                                    <p class="ellipse">120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p class="price"><span>5299元起</span></p>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/Redmi K30 至尊版.webp" alt="">
                                    <h3 class="ellipse">Redmi K30 至尊版</h3>
                                    <p class="ellipse">120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                                    <p class="price"><span>1999元起</span></p>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/腾讯黑鲨3S.webp" alt="">
                                    <h3 class="ellipse">腾讯黑鲨3S</h3>
                                    <p class="ellipse">骁龙865处理器，120Hz刷新率</p>
                                    <p class="price"><span>3999元起</span></p>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/Redmi 9A.webp" alt="">
                                    <h3 class="ellipse">Redmi 9A</h3>
                                    <p class="ellipse">5000mAh长循环大电量，6.53"超大护眼屏幕</p>
                                    <p class="price"><span>499元起</span></p>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/小米10 青春版 5G.webp" alt="">
                                    <h3 class="ellipse">小米10 青春版 5G</h3>
                                    <p class="ellipse">50倍潜望式变焦 / 轻薄5G手机</p>
                                    <p class="price">
                                        <span>1899元起</span>
                                        <del>2099元</del>
                                    </p>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/小米10.webp" alt="">
                                    <h3 class="ellipse">小米10</h3>
                                    <p class="ellipse">骁龙865/1亿像素相机</p>
                                    <p class="price"><span>3799元起</span>
                                        <del>3999元</del></p>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/Redmi K30 Pro.webp" alt="">
                                    <h3 class="ellipse">Redmi K30 Pro</h3>
                                    <p class="ellipse">双模5G，骁龙865，弹出全面屏</p>
                                    <p class="price"><span>2699元起</span>
                                        <del>2999元</del></p>
                                </div>
                            </a></li>
                        <li><a href="#">
                                <div class="shop-content-li">
                                    <img src="./picture/Redmi K30 Pro 变焦版.webp" alt="">
                                    <h3 class="ellipse">Redmi K30 Pro 变焦版</h3>
                                    <p class="ellipse">双模5G，骁龙865，弹出全面屏</p>
                                    <p class="price"><span>3799元</span></p>
                                </div>
                            </a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="ad"><a href="#">
                <a href="#">
                    <img src="./picture/c3b86ede4dd31d7c126d56fbdde4f855.webp" alt="">
                </a>
            </a></div>
        <div class="main-shop-list clearfix">
            <div class="miaosha-title">
                <span>家电</span>
                <div class="tab-title">
                    <ul class="clearfix">
                        <li>热门</li>
                        <li>电视影音</li>
                    </ul>
                </div>
            </div>
            <div class="main-shop-list-left">
                <ul class="clearfix">
                    <li><a href="#"><img src="./picture/f256b81e4233333692eece77ed06ebc2.webp" /></a></li>
                    <li>
                        <a href="#"><img src="./picture/e22cf675726deb5eb728f2ccd4cbeafd.webp" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="main-shop-list-right">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/ef4c68fed730ec26bf2fa0ff620975c5.webp" alt="">
                            </div>
                            <h3 class="ellipse">Redmi 红米电视 70英寸</h3>
                            <p class="ellipse">70英寸震撼巨屏，4K画质，细腻如真</p>
                            <p><span>2999元</span><del>3799元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/8b3fe3a07ef69fb4c959e39c768c7525.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米全面屏电视E32C</h3>
                            <p class="ellipse">全面屏设计，人工智能系统</p>
                            <p><span>799元</span><del>899元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/ef6b4e9b9151849b3b1fb1dbf069c6ed.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米全面屏电视E55A</h3>
                            <p class="ellipse">全面屏设计，人工智能语音</p>
                            <p><span>1899元</span><del> 1999元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/2b911be4c2f156bb6e4cf367c6080045.jpg" alt="">
                            </div>
                            <h3 class="ellipse">米家空调</h3>
                            <p class="ellipse">出众静音，快速制冷热</p>
                            <p><span>1499元</span><del>1799元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/ec20453216dcd42f982cffe5fdbc3115.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家互联网洗烘一体机 Pro 10kg</h3>
                            <p class="ellipse">智能洗烘，省心省力</p>
                            <p><span>2999元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/b8c63a2024528fe5410ebe669b7d2407.webp" alt="">
                            </div>
                            <h3 class="ellipse">Redmi全自动波轮洗衣机1A 8kg </h3>
                            <p class="ellipse">一键操作，父母都爱用</p>
                            <p><span>799元</span><del>899元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/cd2aa2dcad6440b469c22e27db9b6236.webp" alt="">
                            </div>
                            <h3 class="ellipse">15.6" 四核i7 16G 独显 512G</h3>
                            <p class="ellipse">全面均衡的国民轻薄本</p>
                            <p><span>4899元</span></p>
                        </a>
                    </li>
                    <li class="last">
                        <a href="#">
                            <div class="shop-list-box-top">
                                <img src="./picture/74e573c4c0d89048392d14831cc507d5.webp" alt="">
                                <h3>Air 13.3" 2019款</h3>
                                <span>5699元起</span>
                            </div>
                        </a>
                        <a href="#">
                            <div class="shop-list-box-bottom">
                                <div class="right"></div>
                                <div class="desc">
                                    <h1>浏览更多</h1>
                                    <p>热门</p>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="ad"><a href="#">
                <a href="#">
                    <img src="./picture/59e8fc8ba9718c266882719fb4bbcedd.webp" alt="">
                </a>
            </a></div>
        <div class="main-shop-list clearfix">
            <div class="miaosha-title">
                <span>智能</span>
                <div class="tab-title">
                    <ul class="clearfix">
                        <li>热门</li>
                        <li>安防</li>
                        <li>出行</li>
                    </ul>
                </div>
            </div>
            <div class="main-shop-list-left">
                <ul class="clearfix">
                    <li><a href="#"><img src="./picture/45c23f5b9a927b2dc49c25277e07727c.webp" /></a></li>
                    <li>
                        <a href="#"><img src="./picture/a660ce095e8f553a9ed1515265f4e9fc.webp" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="main-shop-list-right">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/011dd8493ad62f3793dbb63d9fbd3bc0.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米「小爱老师」</h3>
                            <p class="ellipse">英语提分利器</p>
                            <p><span>499元起</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/f0914c60fa1ab807972541b4e2b1a4cd.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米智能门锁 E</h3>
                            <p class="ellipse"> 告别钥匙，畅享便捷生活</p>
                            <p><span>989元</span><del>999元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/e7c6e79433c883e1a022ec21402c1679.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米小爱音箱 Play</h3>
                            <p class="ellipse">听音乐、语音遥控家电</p>
                            <p><span>99元</span><del>169元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/44a30f0da2aacb66a0f896293ebc703f.webp" alt="">
                            </div>
                            <h3 class="ellipse">小爱音箱万能遥控版</h3>
                            <p class="ellipse">传统家电秒变智能</p>
                            <p><span>149元</span><del>199元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/b42e49c6c0208f2de5a2f7a491a3af46.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家电饭煲4L </h3>
                            <p class="ellipse">890W 立体加热</p>
                            <p><span>269元</span><del>299元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/e850fa029579ba886e3d5c81f00ae534.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米手环4</h3>
                            <p class="ellipse">大屏彩显，20天超长续航</p>
                            <p><span>149元</span><del>169元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/3accd497afc0047cfbd40f442e3b17df.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家智能窗帘</h3>
                            <p class="ellipse">窗帘开合随心控</p>
                            <p><span>799元</span></p>
                        </a>
                    </li>
                    <li class="last">
                        <a href="#">
                            <div class="shop-list-box-top">
                                <img src="./picture/550177d2e54387521bce9e78cb2949dd.webp" alt="">
                                <h3>小米体脂秤2</h3>
                                <span>99元</span>
                            </div>
                        </a>
                        <a href="#">
                            <div class="shop-list-box-bottom">
                                <div class="right"></div>
                                <div class="desc">
                                    <h1>浏览更多</h1>
                                    <p>热门</p>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="ad"><a href="#">
                <a href="#">
                    <img src="./picture/2420a8164e3194dc550e78f0634981e9.webp" alt="">
                </a>
            </a></div>
        <div class="main-shop-list clearfix">
            <div class="miaosha-title">
                <span>搭配</span>
                <div class="tab-title">
                    <ul class="clearfix">
                        <li>热门</li>
                        <li>耳机音箱</li>
                    </ul>
                </div>
            </div>
            <div class="main-shop-list-left">
                <ul class="clearfix">
                    <li><a href="#"><img src="./picture/6874615b3c50e837ffe532eb6ea4ef1a.webp" /></a></li>
                    <li>
                        <a href="#"><img src="./picture/a00bdd568dbc2b02f8fe0fa8d1b46f28.webp" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="main-shop-list-right">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/50649d7b5706f4cd9f658e93db6b6564.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米真无线蓝牙耳机 Air 2</h3>
                            <p class="ellipse">智能真无线，轻松舒适戴</p>
                            <p><span>299元</span><del>399元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/9eb0178e3bfeb7d170edd641fb4be4bc.webp" alt="">
                            </div>
                            <h3 class="ellipse">高速无线充套装</h3>
                            <p class="ellipse">快速无线闪充，Qi充电标准</p>
                            <p><span>149元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/ea8e42faebf7d76a4cb42b8930cf9e46.webp" alt="">
                            </div>
                            <h3 class="ellipse">Redmi充电宝 10000mAh 标准版 白色 </h3>
                            <p class="ellipse">10000mAh大电量</p>
                            <p><span>59元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/eaf70e0e9905de6452f07b1f48fcc386.webp" alt="">
                            </div>
                            <h3 class="ellipse">Redmi充电宝 20000mAh 快充版 </h3>
                            <p class="ellipse">大容量， 可上飞机</p>
                            <p><span>99元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/5dd69c0a-8f4a-b42f-d840-6c5a47f2cd03!250x250.jpg" alt="">
                            </div>
                            <h3 class="ellipse">小米插线板 5孔位</h3>
                            <p class="ellipse">多重安全保护</p>
                            <p><span>39元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/92af1f21293fabfbf2a112892b864925!250x250.jpg" alt="">
                            </div>
                            <h3 class="ellipse">小米蓝牙耳机AirDots青春版</h3>
                            <p class="ellipse">雅致简约，收纳充电盒</p>
                            <p><span>169元</span><del>199元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/9946e252a7c49662376c056ced004a20.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米小爱触屏音箱</h3>
                            <p class="ellipse">好听，更好看</p>
                            <p><span>199元</span></p>
                        </a>
                    </li>
                    <li class="last">
                        <a href="#">
                            <div class="shop-list-box-top">
                                <img src="./picture/601d1ac94ca155a59a813bff1045e8b3.webp" alt="">
                                <h3>小米无线车充通用快充版</h3>
                                <span>129元</span>
                            </div>
                        </a>
                        <a href="#">
                            <div class="shop-list-box-bottom">
                                <div class="right"></div>
                                <div class="desc">
                                    <h1>浏览更多</h1>
                                    <p>热门</p>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="ad"><a href="#">
                <a href="#">
                    <img src="./picture/1615d1842fe85914a545297836a44271.webp" alt="">
                </a>
            </a></div>
        <div class="main-shop-list clearfix">
            <div class="miaosha-title">
                <span>配件</span>
                <div class="tab-title">
                    <ul class="clearfix">
                        <li>热门</li>
                        <li>充电器</li>
                    </ul>
                </div>
            </div>
            <div class="main-shop-list-left">
                <ul class="clearfix">
                    <li><a href="#"><img src="./picture/739ebd8abfc2b1be8866a2c1ad87e709.webp" /></a></li>
                    <li>
                        <a href="#"><img src="./picture/ffe4182f1d9a5befdf2380ec90ae1620.webp" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="main-shop-list-right">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/971da2015fe533acebbca413f88084ab.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米Type-C充电器65W 疾速闪充版</h3>
                            <p class="ellipse">疾速闪充</p>
                            <p><span>99元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/f8fde8a877fd4b12ad88119d9b6bc061.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米GaN充电器 Type-C 65W</h3>
                            <p class="ellipse">氮化镓黑科技 65W MAX 大功率快充</p>
                            <p><span>149元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/15ac53312f850bfcc73bdc5a185fda8a.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米立式风冷无线充 30W</h3>
                            <p class="ellipse">解锁充电新姿势</p>
                            <p><span>199元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/bb115b0d5e6cc24c39c1ae818b63bf1a.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米立式无线充电器 通用快充20W</h3>
                            <p class="ellipse">横竖可充，迅速感应边充边玩</p>
                            <p><span>99元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/69167d20371cb65e58ad792494d5bf63.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米无线充电器（通用快充）</h3>
                            <p class="ellipse">铝合金外观，金属质感好</p>
                            <p><span>69元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/c85b67f1c4f5e460a4be5cea5858264b.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家智能插座蓝牙网关版</h3>
                            <p class="ellipse">让传统家电变智能</p>
                            <p><span>79元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/554198af-55ec-8400-7a04-66a8f3e0dd66.jpg" alt="">
                            </div>
                            <h3 class="ellipse">米家插线板6位基础版（含3口USB 2A快充） </h3>
                            <p class="ellipse">小巧设计，便捷不占地儿</p>
                            <p><span> 79元</span></p>
                        </a>
                    </li>
                    <li class="last">
                        <a href="#">
                            <div class="shop-list-box-top">
                                <img src="./picture/d6484113b03acde1672d50c395c09763.jpg" alt="">
                                <h3>小米插线板（含3口USB 2A快充） </h3>
                                <span>49元</span>
                            </div>
                        </a>
                        <a href="#">
                            <div class="shop-list-box-bottom">
                                <div class="right"></div>
                                <div class="desc">
                                    <h1>浏览更多</h1>
                                    <p>热门</p>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="ad"><a href="#">
                <a href="#">
                    <img src="./picture/ddec858a9371b4d7833181941520bf8b.webp" alt="">
                </a>
            </a></div>
        <div class="main-shop-list clearfix">
            <div class="miaosha-title">
                <span>周边</span>
                <div class="tab-title">
                    <ul class="clearfix">
                        <li>热门</li>
                        <li>出行</li>
                    </ul>
                </div>
            </div>
            <div class="main-shop-list-left">
                <ul class="clearfix">
                    <li><a href="#"><img src="./picture/37dc0898c2624b4130da4631f2d9a675.webp" /></a></li>
                    <li>
                        <a href="#"><img src="./picture/582984b9c56cf3c48382a81528a4dfdf.webp" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="main-shop-list-right">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/cccac948e1b8ffb47f1fecde67692e60.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家飞行员太阳镜 Pro</h3>
                            <p class="ellipse">尼龙偏光，轻巧佩戴</p>
                            <p><span>199元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/57433a4b991b2a2ddc889f2d8d434655.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米巨能写中性笔10支装</h3>
                            <p class="ellipse">一支顶4支，超长顺滑书写</p>
                            <p><span>9.99元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/03d94ee6059481a6adcb6c4c5c572fb4.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家迷你保温杯</h3>
                            <p class="ellipse">可以随身携带的温度</p>
                            <p><span>49元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/41e6890f9d6b7fdb4275c986dc3644e8.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家驱蚊器基础版 3个装</h3>
                            <p class="ellipse">3个装 长效驱蚊</p>
                            <p><span>64.5元</span><del>129元</del></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/413f5e2f-53e7-0879-119c-8b4466feea53!250x250.jpg" alt="">
                            </div>
                            <h3 class="ellipse">贝医生巴氏牙刷 四色装</h3>
                            <p class="ellipse">进口刷毛，好品质</p>
                            <p><span>39.9元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/eaa7c8e5-2a8c-0d2c-6de7-a6db2068b192!250x250.jpg" alt="">
                            </div>
                            <h3 class="ellipse">8H 乳胶弹簧静音床垫 M3</h3>
                            <p class="ellipse">健康每一处 床垫会呼吸</p>
                            <p><span>1599元起</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="shop-img">
                                <img src="./picture/d3f217393625879fb2e29a86bb49c569.webp" alt="">
                            </div>
                            <h3 class="ellipse">米家负离子速干吹风机 H300</h3>
                            <p class="ellipse">小巧精悍，速干小超人</p>
                            <p><span> 149元</span></p>
                        </a>
                    </li>
                    <li class="last">
                        <a href="#">
                            <div class="shop-list-box-top">
                                <img src="./picture/d0b1119165c481376399aab53330e015.webp" alt="">
                                <h3>米家运动鞋4</h3>
                                <span> 179元</span>
                            </div>
                        </a>
                        <a href="#">
                            <div class="shop-list-box-bottom">
                                <div class="right"></div>
                                <div class="desc">
                                    <h1>浏览更多</h1>
                                    <p>热门</p>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="ad"><a href="#">
                <a href="#">
                    <img src="./picture/88e35cffc82cd98cd53172460067af17.webp" alt="">
                </a>
            </a></div>
        <div class="video-content">
            <div class="miaosha-title">
                <span>视频</span>
                <div class="more clearfix">
                    <a href="#">查看全部</a>
                </div>
            </div>
            <div class="video-list">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <div class="video-img">
                                <img src="./picture/101b19aca4bb489bcef0f503e44ec866.webp" alt="">
                            </div>
                            <h3 class="ellipse">Redmi 10X系列发布会</h3>
                            <p class="desc ellipse">Redmi 10X系列发布会</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="video-img">
                                <img src="./picture/96563e75833ba4563bd469dd28203b09.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米10 青春版 发布会</h3>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="video-img">
                                <img src="./picture/2fd26bb99b723337a2f8eaba84f7d5bb.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米10 8K手机拍大片</h3>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="video-img">
                                <img src="./picture/a8dd25cab48c60fc6387b9001eddc3f9.webp" alt="">
                            </div>
                            <h3 class="ellipse">小米10发布会</h3>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="sidebar">
        <ul>
            <li>
                <div class="side-li">
                    <div class="side-img"><img src="./picture/手机白.png" alt=""><img src="./picture/手机.png" alt=""></div>
                    <p class="side-title">手机app</p>
                </div>
            </li>
            <li>
                <div class="side-li">
                    <div class="side-img"><img src="./picture/用户白.png" alt=""><img src="./picture/用户.png" alt=""></div>
                    <p class="side-title">个人中心</p>
                </div>
            </li>
            <li>
                <div class="side-li">
                    <div class="side-img"><img src="./picture/维护白.png" alt=""><img src="./picture/维护.png" alt=""></div>
                    <p class="side-title">售后服务</p>
                </div>
            </li>
            <li>
                <div class="side-li">
                    <div class="side-img"><img src="./picture/客服白.png" alt=""><img src="./picture/客服.png" alt=""></div>
                    <p class="side-title">人工客服</p>
                </div>
            </li>
            <li>
                <div class="side-li">
                    <div class="side-img"><img src="./picture/购物车白.png" alt=""><img src="./picture/购物车.png" alt="">
                    </div>
                    <p class="side-title">购物车</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer">
        <div class="container">
            <ul class="footer-li clearfix">
                <li><a href="#">预约维修服务</a></li>
                <li><a href="#">7天无理由退货</a></li>
                <li><a href="#">15天免费换货</a></li>
                <li><a href="#">满99元包邮</a></li>
                <li><a href="#">520余家售后网点</a></li>
            </ul>
            <div class="about-content clearfix">
                <div class="about-left clearfix">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd><a href="#">账户管理</a></dd>
                        <dd><a href="#">购物指南</a></dd>
                        <dd><a href="#">订单操作</a></dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">自助服务</a></dd>
                        <dd><a href="#">相关下载</a></dd>
                    </dl>
                    <dl>
                        <dt>线下门店</dt>
                        <dd><a href="#">小米之家</a></dd>
                        <dd><a href="#">服务网点</a></dd>
                        <dd><a href="#">授权体验店</a></dd>
                    </dl>
                    <dl>
                        <dt>关于小米</dt>
                        <dd><a href="#">了解小米</a></dd>
                        <dd><a href="#">加入小米</a></dd>
                        <dd><a href="#">投资者关系</a></dd>
                        <dd><a href="#">企业社会责任</a></dd>
                        <dd><a href="#">廉洁举报</a></dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd><a href="#">新浪微博</a></dd>
                        <dd><a href="#">官方微信</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">公益基金会</a></dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd><a href="#">F 码通道</a></dd>
                        <dd><a href="#">礼物码</a></dd>
                        <dd><a href="#">防伪查询</a></dd>
                    </dl>
                </div>
                <div class="about-right">
                    <h3>400-100-5678</h3>
                    <p>8:00-18:00（仅收市话费）</p>
                    <div class="client-bt">人工服务</div>
                    <div class="about-bt-left">
                        <p>关注小米：</p>
                    </div>
                    <div class="about-bt">
                        <div class="about-bt-img">
                            <a href="#">
                                <img src="./images/wb.png" alt="">
                                <img src="./images/wb@2x.png" alt="">
                            </a>
                        </div>
                        <div class="about-bt-img">
                            <a href="#">
                                <img src="./images/wx.png" alt="">
                                <img src="./images/wx@2x.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer2">
        <div class="container clearfix">
            <div class="footer2-left">
                <img src="./images/logo-footer.png" alt="">
            </div>
            <div class="footer2-right">
                <div class="footer2-list">
                    <ul class="clearfix">
                        <li><a href="#">小米商城</a><span>|</span></li>
                        <li><a href="#">MIUI</a><span>|</span></li>
                        <li><a href="#">IoT</a><span>|</span></li>
                        <li><a href="#">云服务</a><span>|</span></li>
                        <li><a href="#">金融</a><span>|</span></li>
                        <li><a href="#">有品</a><span>|</span></li>
                        <li><a href="#">小爱开放平台</a><span>|</span></li>
                        <li><a href="#">企业团购</a><span>|</span></li>
                        <li><a href="#">资质证照</a><span>|</span></li>
                        <li><a href="#">协议规则</a><span>|</span></li>
                        <li><a href="#">下载app</a><span>|</span></li>
                        <li><a href="#">智能生活</a><span>|</span></li>
                        <li><a href="#">Select Location</a></li>
                    </ul>
                </div>

                <p class="dec">&copy; mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                <p class="dec">（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
                <p class="dec">增值电信业务许可证 网络食品经营备案 京食药网食备201810017 食品经营许可证</p>
                <p class="dec">违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            </div>
        </div>
    </div>
</body>

</html>